.flexslider
  margin: 0px
  position: relative
  width: 100%
  height: 482px
  overflow: hidden
  .slides
    li
      width: 100%
      height: 100%
    a
      img
        width: 100%
        height: 482px
        display: block
  &:hover
    .flex-next
      opacity: 0.8
      filter: Alpha(opacity=25)
    .flex-prev
      opacity: 0.8
      filter: Alpha(opacity=25)

.flex-direction-nav
  a
    width: 70px
    height: 70px
    line-height: 99em
    overflow: hidden
    margin: -35px 0 0
    display: block
    background: url(/SuperMap-iDesktop-Cross/img/ad_ctr.png) no-repeat
    position: absolute
    top: 50%
    z-index: 10
    cursor: pointer
    opacity: 0
    filter: Alpha(opacity=0)
    -webkit-transition: all .3s ease
    border-radius: 35px
  .flex-next
    background-position: 0 -70px
    right: 0
  .flex-prev
    left: 0
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover
  opacity 1
  filter Alpha(opacity=50)

.flex-control-nav
  width 100%
  position absolute
  bottom 10px
  text-align center
  li
    margin 0 2px
    display inline-block
    zoom 1
    *display inline

.flex-control-paging
  li
    a
      background url(/SuperMap-iDesktop-Cross/img/dot.png) no-repeat 0 -16px
      display block
      height 16px
      overflow hidden
      text-indent -99em
      width 16px
      cursor pointer

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a
  background-position 0 0